<template>
    <div class="home">
      <el-container>
        <el-header>
          <head-box></head-box>
        </el-header>
        <el-container>
          <el-aside width="200px">
              <p>|||</p>
              <Right></Right>
          </el-aside>
          <el-main>
            <Tabs></Tabs>
            <Bread></Bread>
            <router-view class="twopage"></router-view>
          </el-main>
        </el-container>
      </el-container>
    </div>
</template>
<script setup lang="ts">
import HeadBox from "@/components/home/Head.vue"
import Right from "@/components/home/Right.vue"
import Tabs from "@/components/home/Tabs.vue"
import Bread from "@/components/home/Bread.vue"
</script>
<style lang="scss">
.home>.el-container{
  height:100%;
}
.el-aside{
  background:#333744;
  &>p{
    height:25px;
    background:#4a5064;
    color:#fff;
    text-align:center;
    line-height: 25px;
  }
}
.el-main{
    background-color: #e9eef3;
    color: #333;
    padding:5px !important;
}

.el-card{
  margin-top:10px;
}
</style>